<script lang="ts">
	export let height = '24px'
	export let width = '24px'
</script>

<svg
	x="0px"
	y="0px"
	{width}
	{height}
	viewBox="0 0 168 168"
	fill="none"
	xmlns="http://www.w3.org/2000/svg"
>
	<path
		d="M136.5 0H31.5C14.103 0 0 14.103 0 31.5V136.5C0 153.897 14.103 168 31.5 168H136.5C153.897 168 168 153.897 168 136.5V31.5C168 14.103 153.897 0 136.5 0Z"
		fill="#FFA500"
	/>
	<path
		d="M42 147C53.598 147 63 137.598 63 126C63 114.402 53.598 105 42 105C30.402 105 21 114.402 21 126C21 137.598 30.402 147 42 147Z"
		fill="white"
	/>
	<path
		d="M21 84C37.7086 84 53.7329 90.6375 65.5477 102.452C77.3625 114.267 84 130.291 84 147H105C105 124.722 96.15 103.356 80.397 87.603C64.6439 71.85 43.2782 63 21 63V84Z"
		fill="white"
	/>
	<path
		d="M21 42C34.7888 42 48.4426 44.7159 61.1818 49.9926C73.9209 55.2694 85.4961 63.0036 95.2462 72.7538C104.996 82.5039 112.731 94.079 118.007 106.818C123.284 119.557 126 133.211 126 147H147C147 113.583 133.725 81.5341 110.095 57.9045C86.4659 34.275 54.4173 21 21 21V42Z"
		fill="white"
	/>
</svg>
